<template>
    <div class="navBox">
        <span>我的</span>
      <span class="active">发现</span>
      <span>云村</span>
      <span>视频</span>
    </div>
    </template>
    
    <script setup>
    import {} from "vue"
    </script>
    
    <style lang="less" scoped>
    .navBox{
        width: 65%;
        justify-content:space-evenly;
        display: flex;
        align-items: center;
        span{
            color: #ccc;
            margin: 0 0.5rem;
            white-space: nowrap;
        }
        .active{
            font-weight: bold;
            font-size:.4rem;
            color: #000;
        }
    }
    </style>
    